<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="distribution" content="global">
<meta name="robots" content="INDEX,FOLLOW,ALL">
<meta name="language" content="Vietnamese">
<meta name="language" content="Vietnamese">
<meta name="revisit-after" content="1 day">
<meta name="document-rating" content="General">
<meta name="document-distribution" content="Global">
<link rel="SHORTCUT ICON" href="<?php echo base_url()?>public/butbi/images/nss.ico"/>
<meta name="author" content="BÚT BI - MÓC KHÓA - BẬT LỬA">
<meta name="copyright" content="Copyright (c) 2012 by BÚT BI - MÓC KHÓA - BẬT LỬA">
<title><?php echo $title ;?> </title>
<link href="files/mic/favicon.gif" rel="SHORTCUT ICON">
<meta content="daidonghanh, dai dong hanh, van phong pham,  vpp" name="keywords">
<meta content="van phong pham," name="description">
<script type="text/javascript" src="<?php echo base_url()?>public/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>public/js/jquery.validate.js"></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-<?php echo $setting->google_code;?>-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<script>
function tab_click(tab_id,element,tab_group,hover_class,current_class,back_class)
{
	className='tab_'+tab_group;
	var arr = new Array(); 
	var elems = document.getElementsByTagName("*");
	for(var i = 0; i < elems.length; i++)
	{
	  var elem = elems[i];
	  var id = elem.getAttribute("id");
	  if (navigator.userAgent.indexOf("MSIE")>=0)
		{ 
		var cls = elem.getAttribute("className");
		if(cls==null)var cls = elem.getAttribute("class");
		}
		else
		
		{ var cls = elem.getAttribute("class");	}
	  if(cls == className)
	  {
	  	arr[arr.length] = id;
		
		 elem.style.display="none";
	  }
	}

	document.getElementById('tab_'+tab_group+tab_id).style.display="block";
	chuyen_header_tab_click(element,tab_group,hover_class,current_class,back_class);

}


function chuyen_header_tab_click(ele,tab_group,hover_class,current_class,back_class)
{
	className=current_class;
	var arr = new Array(); 

	var elems = document.getElementById(tab_group).getElementsByTagName("*");


	for(var i = 0; i < elems.length; i++)
	{
	  var elem = elems[i];
	  var id = elem.getAttribute("id");
	  if (navigator.userAgent.indexOf("MSIE")>=0)
		{ var cls = elem.getAttribute("className");}
		if(cls==null)var cls = elem.getAttribute("class");
		else
		{ var cls = elem.getAttribute("class");	}
	  if(cls == className)
	  {
		arr[arr.length] = id;
		
		 elem.className=back_class;
	  }
	}

	ele.className=current_class;
}



function hover_tab(ele,hover_class,current_class,back_class)
{
	if(ele.className==back_class)
	{
		ele.className=hover_class;
	}
}


function out_tab(ele,hover_class,current_class,back_class)
{
	if(ele.className==hover_class)
	{
		ele.className=back_class;
	}
}

</script>
<script type="text/javascript" src="<?php echo base_url()?>public/js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>public/js/jquery.jcarousel.min.js"></script>


<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>public/skins/tango/skin.css">

<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>public/butbi/css/style.css">

<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>public/css/jquery.fancybox-1.3.4.css">


<link href="<?php echo base_url();?>public/css/tooltip.css" type="text/css" rel="stylesheet" />



<script type="text/javascript" src="<?php echo base_url();?>public/js/tootip.js"></script>

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head><body>



<style type="text/css">
* { margin:0px auto; padding:0px}

#wrapper{
	width:950px;   
}

#main_panel{ width:950px;}
#tren_khungchinh{ width:950px;}
#container3 {
    width:950px;
}
#container2 {
    right:170px;/* Ung voi do rong cot 3*/
}
#container1 {
	right:610px;/* Ung voi do rong cot 2*/
}
#cot_trai {
    width:170px;
    left:780px;
}
#cot_giua {
    width:600px; /* giam rong giua 2 lan padding 2 ben */
    left:785px; /* cong them 1 lan padding cho cot giua de co padding trai - giua */
}
#cot_phai {
    width:170px;
    left:790px; /* padding 2 lan padding de bu giam */
}
.active{
    background: white;
    color:black;
}
.tabs_content{
    
   background: white;
    color:black; 
}
</style>
<script>
	$().ready(function(){		
		$("#dathang").fancybox({
			'scrolling'		: 'no',
			'titleShow'		: false,
			'onClosed'		: function() {
				$("#login_error").hide();
			}
		});
		$("#login_form").bind("submit", function() {
			if ($("#txt_ht").val().length < 1 || $("#txt_address").val().length < 1 || $('#txt_phone').val().length < 1) {
				$("#login_error").show();
				$.fancybox.resize();
				return false;
			}
		
			$.fancybox.showActivity();
		
			$.ajax({
				type		: "POST",
				cache	: false,
				url		: "<?php echo base_url().'butbi/home/dathang'?>",
				data		: $(this).serializeArray(),
				success: function(data) {
					$.fancybox(data);
				}
			});
		
			return false;
		});
	});
</script>
<script>
	$().ready(function(){
		$('#form_search').submit(function(){
			var key = $('#p').val();
            if(key.length < 1)
            {
                alert('Yêu cầu bạn nhập từ khóa');
                return false;
            }
           
		});	
	});
</script>

<div id="wrapper">
    <div id="form_search">
    <?php $this->load->view('form_search',TRUE)?>
    </div>
	
    <div class="top_bar">
        <div class="top_menu">
         <style>.top_bar{display:none}</style>
        </div>
    </div>
 
<div id="main_panel">
    <div class="banner_ngang">    
        <?php echo $header;?>
    </div>
<div>

<?php echo $menu;?>
<div class="thanhtimkiemgiohang"> 
</div>
<div style="clear:both"></div>
<div id="slider">
  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="277">
    <param name="movie" value="<?php echo base_url()?>public/butbi/979.277.swf">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
    <param name="swfversion" value="9.0.45.0">
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="<?php echo base_url()?>Scripts/expressInstall.swf">
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="<?php echo base_url()?>public/butbi/979.277.swf" width="950" height="277">
      <!--<![endif]-->
      <param name="quality" value="high">
      <param name="wmode" value="opaque">
      <param name="swfversion" value="9.0.45.0">
      <param name="expressinstall" value="<?php echo base_url()?>Scripts/expressInstall.swf">
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
<div style="clear:both"></div>
<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

</script>
 
  <div class="main_panel_margin">
		<div id="container3">
			<div id="container2">
				<div id="container1">
				<div id="cot_trai">
                <?php echo $left;?>
                </div>
				<div id="cot_giua">
                <?php echo $content;?>
                </div>
                
				<div id="cot_phai">
                <?php echo $right;?>
                 </div>
                 
<div class="clear1px">&nbsp;</div>
 <div>
 <div class="duoi_cung_website">
 <?php echo $footer;?>
<script type="text/javascript">
swfobject.registerObject("FlashID");
 </script>
